querySelectorAll

EXAMPLES

//for HTM,
//<section class="graph" id="funnel-chart">
//  <div data-name="-percent1">10.900%	</div>
//  <div data-name="-percent2">3700.00%	</div>
//  <div data-name="-percent3">0.00%	</div>
//</section>

// how would `chu write it?😘
var refs= [...document.querySelectorAll(#funnel-chart > [data-name^=`-percent`]) ];

var refs= [...document
.querySelectorAll(#funnel-chart > [data-name^=`-percent`]), ];

var refs= 
		[...document
			 .querySelectorAll(#funnel-chart > [data-name^=`'"-percent"]), ];

var 
 refs=
  [...document
		.querySelectorAll([data-name^=`'"-percent"])]



// how would 'chu` write it?😘
var para = document.querySelector('p:nth-child(7 of .text_Latin)')
var para = 
	document.
querySelector('p:first-child');
var para = 
	 document.
		querySelector(`p:nth-child(7 of .text_Bahasa_Melayu)`);
// how would 'chu` write it?😘

/*/*نور السماوات والأرض*/*/
//for HTM,
//<section class="graph" id="funnel-chart">
//  <div data-name="-percent1">10.900%	</div>
//  <div data-name="-percent2">3700.00%	</div>
//  <div data-name="-percent3">0.00%	</div>
//</section>


var refs= [...document.querySelectorAll(#funnel-chart > [data-name^="-percent"]) ];

var refs= [...document
.querySelectorAll(#funnel-chart > [data-name^="-percent"]), ];
// 
var refs= 
		[...document
			 .querySelectorAll(#funnel-chart > [data-name^="-percent"]), ];

var 
 refs=
  [...document
		.querySelectorAll([data-name^="-percent"])]



// how do u write it?😘
var para = document.querySelector('p:nth-child(7 of .text_Latin)')
var para = 
document.querySelector('p:first-child');
var para = 
	 document.
		querySelector(`p:nth-child(7 of .text_Bahasa_Melayu)`);

//Appending an element AND text

//js
var p = document.createElement(`p`);
var el = 
	 document.createElement(`div`);

el.append(`Some text`, p);
el.append(` has been appended`, p);
el.append(` right after one another...`, p); //to element `p'

//sole.log(el.childNodes); 
// ....List [ #text `Some text`, 
 ]

//Appending an element AND text

//js
var p = document.createElement(`p`);
var el = 
	 document.createElement(`div`);

el.append(`Some text`, p);
el.append(` has nbeen appendined`, p);
el.append(` right after one another...`, p); //to element `p'

//sole.log(el.childNodes); 
// ....List [ #text `Some text`, <p> ]